﻿@model EventSys.BussinesEntities.Carrera
@using Kendo.Mvc

@*<script src="~/Scripts/jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>*@

@{

    
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";

}
    <h2 id="commonMessage" style = "color : blue"></h2>
@*@section scripts{*@

<script type="text/javascript">

@*    $(document).ready(function () {
        $("#idFacultad").get({
            height: 200,
            modal: true,
            autoOpen: false
        });
            //Notificacion tipo twitter
            $('#commonMessage').html("Se ha agregado una Nueva Facultad");
            $('#commonMessage').delay(1000).slideDown(400).delay(3000).slideUp(400);
                });
        });

    });*@

    function loadFacultad() {
    //    $("#idFacultad").change(function () {
    //        //var ok = "ok";
    //        //alert(dni);
    //        $.ajax({
    //            url: "/Carrera/refreshFacultad?ok=" + ok,
    //            success: (function (data) {
    //                alert(ok);
    //                $("#idFacultad").reload();
    //                //if (data.existe == true) {
    //                //twitter type notification
    //                $('#commonMessage').html("Registro Completado");
    //                $('#commonMessage').delay(1000).slideDown(400).delay(3000).slideUp(400);
    //                //$("#dni").focus().select();
    //                //}
    //            })
    //        });
    //    });
        //});
        $(this).load(function () {
            $("#idFacultad").reload();
        })
        $.getJSON("/Carrera/refreshFacultad", null, function (data) {
            var selectList = $("#idFacultad");
            selectList.empty();
            $.each(data, function (index, optionData) {
                var option = $('<option>').text(optionData.Text).val(optionData.Value);
                selectList.append(option);
            });
            //Notificacion tipo twitter
            $('#commonMessage').html("Se ha agregado una Nueva Carrera");
            $('#commonMessage').delay(1000).slideDown(400).delay(3000).slideUp(400);
        });
    }

        //function OnSuccessAdd(data) {
        //    console.log("agregando ventana");
        //    $("#dialogAdd").dialog({
        //        modal: true,
        //        width: 350,
        //        //autoOpen: false,
        //        buttons: {
        //            'Cerrar': function () {
        //                $(this).dialog('close');
        //            },
        //            'Guardar': function () {
        //                $.validator.unobtrusive.parse('#frmCreate');
        //                $("#frmCreate").submit();
        //            }
        //        },
        //        close: function () {
        //            $(this).parent().remove();
        //            $(this).remove();
        //        }
        //    });
    //}

    function OnSuccessAdd(data) {
        console.log("agregando ventana");
        $("#dialogAdd").dialog({
            modal: true,
            width: 350,
            //autoOpen: false,
            buttons: {
                'Cerrar': function () {
                    $(this).dialog('close');
                },
                'Guardar': function () {
                    $.validator.unobtrusive.parse('#frmCreate');
                    $("#frmCreate").submit();
                }
            },
            close: function () {
                $(this).parent().remove();
                $(this).remove();
            }
        });
    }

    function OnSuccessCreate(data) {
        //alert(data.me)
        if (data.ok == true) {
            //alert(data.msg); // mostrara el mensaje de guardado correctamente
            loadFacultad();
            $("#dialogAdd").dialog('close');
            //loadFacultad();
            //twitter type notification
            //$('#commonMessage').html("Registro Completado");
            //$('#commonMessage').delay(1000).slideDown(400).delay(3000).slideUp(400);
        }
        else {
            alert('ERROR:' + data.msg);
        }
    }
   
    //para la vista parcial con kendo

    function onClose() {
        $("#undo").show();
    }

    $(document).ready(function () {
        $("#undo").bind("click", function () {
            $("#window").data("kendoWindow").open();
            $("#window").data("kendoWindow").center();
            $(".undo").hide();
        });
    });

</script>
@*}*@



<h2>CREAR NUEVA CARRERA</h2>
@*<div id="commonMessage"></div>*@

@using (Html.BeginForm())  {  
    @Html.ValidationSummary(true)

    <fieldset style="width: 27%; float: inherit;">
        <legend>Carrera</legend>

        <div class="editor-label">
            @Html.HiddenFor(model => model.idCarrera)
        </div>
        <div class="editor-field">
            @Html.HiddenFor(model => model.idCarrera)
            @Html.ValidationMessageFor(model => model.idCarrera)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Carrera1)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Carrera1)
            @Html.ValidationMessageFor(model => model.Carrera1)
        </div>

        <div class="editor-label">
            Facultad
        </div>
        <div class="editor-field">
            @Html.DropDownList("idFacultad")
            @Html.ValidationMessageFor(model => model.idFacultad)

            @*@Ajax.ActionLink("Ingrese Facultad", "_Create","Facultad", 
            new AjaxOptions() { UpdateTargetId="showCreate" })

            @*<label style="color:blue" class="undo">Nueva Facultad</label>

            @Html.ActionLink("Nueva Facul",null,null, new {id="undo"})*@


            <p>
                @Ajax.ActionLink("Nueva Facultad", "Create", new AjaxOptions()
           {
               Url = Url.Action("_Create", "Facultad"),
               UpdateTargetId = "showAdd",
               OnSuccess = "OnSuccessAdd"
           })
            </p>

        </div>

        <p>
            <input type="submit" value="CREAR" class="k-button" />
        </p>
    </fieldset>
  
}

<div style="float: inherit;">
    @Html.ActionLink("Regresar", "Index")
</div>

<br />
<br />
<div id="showCreate" title="facultadddd" style="float: left;"></div>
<div id="showAdd"></div>



@(Html.Kendo().Window()
    .Name("window")
    .Title("Pre-Inscripción de Participantes")
        //.Draggable()
    .Resizable()
    .Width(400)
    .Height(400)
    .Modal(true)
    .Visible(false)
    .Iframe(true)//***
    .LoadContentFrom("_Create", "Facultad")//enviar el parametro de kendo a una ventana modal
    .Events(ev => ev.Close("onClose"))
)


@*@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}*@





